<div class="contextmenu" [ngStyle]="locationCSS">

  <ul>
    <li (click)="toggleToday()">
      <p *ngIf="currentTask && !currentTask.today">
        <i class="anticon anticon-pushpin"></i>
        添加到“我的一天”
      </p>
      <p *ngIf="currentTask && currentTask.today">
        <i class="anticon anticon-pushpin-o"></i>
        从“我的一天”中删除
      </p>
    </li>
    <li (click)="toggleDone()">
      <p *ngIf="currentTask && !currentTask.isDone">
        <i class="anticon anticon-check-circle"></i>
        标记为已完成
      </p>
      <p *ngIf="currentTask && currentTask.isDone">
        <i class="anticon anticon-check-circle-o"></i>
        标记为未完成
      </p>
    </li>

    <hr />

    <li (click)="toBeDoneToday()">
      <p>
        <i class="anticon anticon-schedule"></i>
        今天到期
      </p>
    </li>
    <li (click)="toBeDoneTomorrow()">
      <p>
        <i class="anticon anticon-calendar"></i>
        明天到期
      </p>
    </li>
    <li *ngIf="currentTask && currentTask.deadline" (click)="deleteDeadline()">
      <p>
        <i class="anticon anticon-delete"></i>
        删除截至日期
      </p>
    </li>

    <hr />

    <li class="move">
      <ul class="sub">
        <li *ngFor="let list of lists" (click)="moveTo(list.id)">
          <span class="icon">
            <object *ngIf="list.icon === 'todo'" data="../../assets/imgs/todo.svg" type=""></object>
            <object *ngIf="list.icon === 'list'" data="../../assets/imgs/list.svg" type=""></object>
            <i *ngIf="!isDefaultIcon(list.icon)" class="emoji">{{list.icon}}</i>
          </span>
          <span class="title">{{list.title}}</span>
        </li>
      </ul>
      <p>
        <i class="anticon anticon-export"></i>
        移动待办事项到...
      </p>
    </li>

    <hr />

    <li (click)="deleteTask()">
      <p style="color:rgb(202, 29, 29);">
        <i class="anticon anticon-delete"></i>
        删除所选待办事项
      </p>
    </li>
  </ul>

</div>
